﻿body {
    font-family: 'Inter', sans-serif;
}

.sticky-wrapper {
    display: none;
}

.banner-section {
    background: #ebebeb url(../images/ba-partner.png);
    background-repeat: no-repeat;
    background-size: 32%;
    background-position: bottom;
}

img#CaptchaImage {
    width: 160px;
}

.phone {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 39px;
    color: #131126;
}

.email {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 39px;
    color: #131126;
}


.colm-card {
    background: rgba(255, 255, 255, 0.85);
    border: 0.5px solid #bdbdbd;
    backdrop-filter: blur(0.5px);
    border-radius: 5px;
    margin-top: 21px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    padding: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.productchecklist1 {
    width: 100%;
}

.label-title1 {
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
}

.card select.form-control {
    color: #666 !important;
}

.select-drop-down {
    background-image: url(../images/drop-select.png);
    background-repeat: no-repeat;
    background-size: 5%;
    appearance: none;
    background-position: 97% 15px;
}


.header {
    padding-top: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

#call-me-now {
    display: none;
}

.slidemenu_panel {
    display: none;
}

.pace-done #hubspot-messages-iframe-container {
    display: none !important;
}

/*#Contact-Form-Modal {
    background: rgba(0, 0, 0, 0.4);
}*/
#Contact-Form-Modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.scial-list .fa {
    font-size: 19px;
    padding: 5px;
    color: #000;
}

.pd-top75 {
    padding-top: 75px;
}

.thank-title {
    color: #4c2e76;
    font-weight: 700;
    font-size: 32px;
}

.thank-description {
    font-size: 18px;
    font-weight: 500;
    color: #4c2e76;
}

.BackToSite {
    background: linear-gradient(180deg, #FF5F08 0%, #3C3679 100%);
    border-radius: 5px;
    width: 285px;
    border: 0;
    padding: 12px;
    font-size: 16px;
}

.text-center {
    text-align: center !important;
}

.card {
    background-color: #fff;
    padding: 20px 28px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 4px rgb(0 0 0 / 8%);
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
}
.form-control option {
    background-color: #fff;
    color: #000;
    border-radius: 0 !important;
}

.card .form-control {
    height: 40px !important;
    font-size: 14px;
    font-weight: 400;
    color: #000 !important;
    padding: 0 12px;
}

.card .form-group {
    margin-bottom: 32px;
}

.card .btn-primary {
    background: linear-gradient(180deg, #EACE96 0%, #FFCCB0 100%);
    border-radius: 5px;
    border-color: #ffff !important;
    color: #000 !important;
    width: 100%;
    padding: 15px 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}


.card h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #3C3679;
    font-weight: 600;
}

.card ::-webkit-input-placeholder { /* Edge */
    color: #666;
}

.card :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
}

.card ::placeholder {
    color: #666;
}



.banner-section h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;
    color: #131126;
}

.banner-section p {
    color: #131126;
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 26px;
}

.banner-section .list-1 {
    color: #131126;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
}

.banner-section .list-2 {
    color: #131126;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}

.pd-top25 {
    padding-top: 25px;
}

.pd-left0 {
    padding-left: 0 !important;
}

.pd-top6 {
    padding-top: 6px;
}

.content-section h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 43px;
    color: #201C44;
}

.content-section ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
    color: #000000;
}

    .content-section ul li::marker {
        color: #fb5e0b;
    }


.content-section {
    padding: 45px 25px;
}

.product-section {
    padding: 45px 25px;
}

    .product-section h2 {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 43px;
        color: #201C44;
    }

.pd-top0 {
    padding-top: 0 !important;
}

.product-section .list-3 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #3C3679;
}
.link1{
    cursor:pointer !important;
}

.inline-block {
    display: inline-block;
}

.card1 {
    background: #FFFFFF;
    border: 0.5px solid #E1E1E1;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
    height: 180px;
}

.pd-top8 {
    padding-top: 8px;
}

#footer {
    margin-top: 0;
}

.footer-section {
    background: #fbfafa;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding: 30px 25px 45px 25px;
}

.card3 {
    background: #fff;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 0;
    padding: 25px 25px;
}

    .card3 h3 {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        color: #3C3679;
    }


.pd-top45 {
    padding-top: 45px;
}

.scial-list {
    list-style: none;
}

    .scial-list li {
        display: inline-block;
    }

.pd-bottom0 {
    padding-bottom: 0 !important;
}

.pd-right0{
    padding-right:0 !important;
}

.pd-bottom25 {
    padding-bottom: 25px;
}

p {
    font-size: 14px;
}


.icon-left {
    font-size: 25px !important;
    font-weight: 600 !important;
}

.icon-right {
    font-size: 25px !important;
    font-weight: 600 !important;
}

.multiple-items2 .next-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    right: -25px;
    width: 25px;
    border: 0;
    background: transparent;
    z-index: 1;
}


.multiple-items2 .prev-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    left: -25px;
    width: 25px;
    border: 0;
    background: transparent;
    z-index: 1;
}

.slick-dots {
    list-style: none;
    margin: 15px auto;
    width: 100px;
    display: flex;
    padding-left: 0;
}

    .slick-dots .slick-active button {
        border-radius: 100%;
        margin: 5px;
        padding: 5px;
        color: #ffff;
        font-weight: 600;
        font-size: 0px;
        width: 12px;
        height: 12px;
        text-align: center;
        background: #000;
        transform: rotate(1.5deg);
    }

    .slick-dots button {
        border-radius: 100%;
        margin: 5px;
        padding: 5px;
        color: #ffff;
        font-weight: 600;
        font-size: 0px;
        width: 12px;
        height: 12px;
        text-align: center;
        background: #ccc;
        border: 0;
    }


.footer-section h2 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 43px;
    color: #201C44;
}

.logo-invetment40years::before {
    content: "";
    box-shadow: 0px 0px 55px 1px #f6d576;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    margin: 13px 40px;
    background-color: rgb(246 213 118 / 40%);
    z-index: 1;
}

.img-responsive-mobile {
    position: relative;
    z-index: 9;
}

.pd-bottom35 {
    padding-bottom: 35px;
}

.card3 .img-responsive {
    border-radius: 100%;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}

.pd-top20 {
    padding-top: 20px;
}

.card3 p {
    line-height: 22px;
}

@media (min-width: 1000px) and (max-width: 1367px) {
    .banner-section {
        background-size: contain !important;
        height: auto !important;
    }
}


@media (max-width: 767px) {
    .mobile-view1 {
        padding-top: 0px;
        margin-top: 0 !important;
    }

    .mobile-text-center{
        text-align:center;
    }

    .mobile-view2 {
        padding-top: 45px;
        padding-bottom: 25px;
    }

    .banner-section {
        background-image: none !important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 100% 0px;
        height: auto;
    }

    .mobile-clear {
        clear: both;
    }

    .mb-text-center {
        text-align: center;
    }

    .content-section h2 {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 30px;
        color: #201C44;
        margin-top: 30px;
    }

    .img-responsive-mobile {
        position: absolute;
        z-index: 9;
        width: 57%;
        float: none;
        top: 14px;
        padding-right: 0 !important;
        left: 49px;
    }


    .logo-invetment40years::before {
        box-shadow: 0px 0px 42px 1px #f6d576 !important;
        position: relative;
        z-index: 9;
        width: 65%;
        height: 52px;
        float: none;
        padding-right: 0 !important;
    }


    .content-section ul {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 28px;
        color: #000000;
        padding-left: 18px;
    }

    .product-section h2 {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 28px;
        color: #201C44;
    }

    .copy-right {
        text-align: center;
    }



    .footer-section h2 {
        font-size: 22px;
        margin-top: 0;
    }

    .mobile-hide {
        display: none;
    }

    .footer-section .row.pd-top25 {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .footer-section .slick-dots {
        margin: 10px auto !important;
        width: 65px !important;
    }

    .banner-section h1 {
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 18px;
        text-align: center;
        margin-top: 25px;
    }

    .banner-section p {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 20px;
        text-align: center;
    }

    .banner-section .list-1 {
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        line-height: 15px;
        font-weight: 700;
    }

    .banner-section .list-2 {
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        line-height: 19px;
        font-weight: 400;
    }

    .mobile-top35 {
        padding-top: 35px;
    }

    .content-section {
        clear: both;
    }

    .mg-responsive-mobile {
        max-width: 100%;
    }

    .mobile-mb-top-35 {
        margin-top: -35px;
    }


    .ma-user {
        background-size: 8%;
        background-position: 3% 12px;
        padding-left: 37px !important;
    }

    .ma-email {
        background-size: 8%;
        background-position: 3% 12px;
        padding-left: 37px !important;
    }

    .ma-mobile {
        background-size: 8%;
        background-position: 3% 12px;
        padding-left: 37px !important;
    }

    .ma-city {
        background-size: 8%;
        background-position: 3% 12px;
        padding-left: 37px !important;
    }

    .scial-list {
        list-style: none;
        padding: 0;
    }

}

#cpatchaTextBox {
    padding: 9px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.absolute-check1 {
    position: absolute;
    right: 53px;
    margin-top: -40px;
}

canvas {
    /*prevent interaction with the canvas*/
    pointer-events: none;
}